<template>
  <div>
      <div class="myserch">
        <el-input placeholder="输入你的计划" v-model="searchText"></el-input>
        <el-button type="primary" @click="toSend">添加</el-button>
      </div>
  </div>
</template>
<script setup>
    import {ref,reactive,defineEmits} from 'vue'
  // 输入框输入的值
    let searchText=ref('')
  // 点击添加 将数据发送给父组件

  // vue3 的子传父  父组件自定义事件 子组件用defineEmits 来触发自定义事件并传参
  // defineEmits(["自定义事件名","自定义事件名"])
   let emit=defineEmits(["sendText","sendName"])

   let toSend=()=>{
      // 用emit 触发自定义事件 并传参
      emit('sendText',searchText.value)
      searchText.value=""
   }



</script>
<style  scoped>
  .myserch{
    display: flex;
  }
</style>